<template>
  <div class="fws-zdy-bg">
    <div class="container text-light">
      <div class="d-flex">
        <div class="w-25 text-center p-3 mt-4">
          <router-link class="text-warning text-decoration-none" to="/">
            <h1>No.1家教</h1>
          </router-link>
          <p class="text-white fw-bold">中小学一对一上门家教</p>
        </div>
        <div class="w-50 fws-zdy-bg mt-4">
          <div class="p-2">
            <ul
              class="
                list-unstyled
                d-flex
                justify-content-evenly
                text-white
                fw-bold
              "
            >
              <li class="p-2">
                关于我们
                <ul class="list-unstyled mt-2 fws-zdy-ziul-fs">
                  <li class="pt-3" @click="GoToAboutUs">关于我们</li>
                  <li class="pt-3">网站简介</li>
                  <li class="pt-3">网站优势</li>
                  <li class="pt-3">版权维护</li>
                  <li class="pt-3">联系我们</li>
                </ul>
              </li>
              <li class="p-2">
                关于服务
                <ul class="list-unstyled mt-2 fws-zdy-ziul-fs">
                  <li class="pt-3">服务协议</li>
                  <li class="pt-3">承诺声明书</li>
                  <li class="pt-3">隐私权政策</li>
                  <li class="pt-3">免责声明</li>
                </ul>
              </li>
              <li class="p-2">
                我是学生
                <ul class="list-unstyled mt-2 fws-zdy-ziul-fs">
                  <li class="pt-3">请家教流程</li>
                  <li class="pt-3">学员收费参考</li>
                  <li class="pt-3">如何预约教师</li>
                  <li class="pt-3">请家教常见问题</li>
                </ul>
              </li>
              <li class="p-2">
                我是教师
                <ul class="list-unstyled mt-2 fws-zdy-ziul-fs">
                  <li class="pt-3">金牌教师</li>
                  <li class="pt-3">如何成为金牌教师</li>
                  <li class="pt-3">星级教师</li>
                  <li class="pt-3">做家教须知</li>
                  <li class="pt-3">教师收费参考</li>
                  <li class="pt-3">如何预约学员</li>
                  <li class="pt-3">新教师必读</li>
                  <li class="pt-3">教师接单注意事项</li>
                  <li class="pt-3">教师手册</li>
                  <li class="pt-3">教师常见问题</li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
        <!-- <div class="w-25 bg-primary">33</div> -->
      </div>
      <div class="border-top zdy-border-top"></div>
      <div class="fws-zdy-text-color mt-3">
        <p>No.1.com Copyright © 2022 No.1家教 版权所有 京ICP备2022088888号-1</p>
        <p>
          本系统受中华人民共和国软件著作权保护，未经授权不得以任何形式采集、使用或仿制本平台的任何设计与数据，否则将严肃追究法律责任
        </p>
      </div>
    </div>
    <!-- <button @click="button">点我向3000发请求</button> -->
  </div>
</template>

<script>
export default {
  methods: {
    // button() {
    //   this.axios.post("http://127.0.0.1:3000/teacher/login").then((res) => {
    //     console.log(res);
    //   });
    // },
    GoToAboutUs() {
      this.$router.push("/aboutus");
    },
  },
};
</script>

<style lang="scss" scoped>
.bg-dark {
  user-select: none;
}
.fws-zdy-ziul-fs {
  font-size: 12px;
  li {
    &:hover {
      color: orange !important;
    }
  }
}
.zdy-border-top {
  border-color: rgb(52, 49, 49) !important;
}
.fws-zdy-text-color {
  color: #8f8f8f;
  font-size: 12px;
  p {
    margin: 0;
    padding: 8px 0px;
  }
}
.fws-zdy-bg {
  background-color: #4a4a4a;
}
</style>